/**
* @description: 哎哟经验网
* @author: tim
* @author url: https://www.kylunwen.com/
* @update: 2023-09-07 12:15
**/
@import "iconfont.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; font-weight: 400; vertical-align: baseline; background: transparent; }
html { width: 100%; margin: 0 auto; background: #f8f8f8; _background: url(about:black) no-repeat fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width: 100%; margin: 0 auto; font-family: 'Helvetica Neue', 'Helvetica', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'; font-size: 14px; font-weight: 400; color: #222; background: #f8f8f8; word-wrap: break-word; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
* { margin: 0; padding: 0; }
.clearfix:after { display: block; height: 0; overflow: hidden; visibility: hidden; clear: both; content: "."; }
.clearfix { zoom:1; }
ol, ul { list-style: none; }
i, em { font-style: normal; }
img { -ms-interpolation-mode: bicubic; }
a { text-decoration: none; color: #222; cursor: pointer; }
a:link { color: #222; }
a:visited { color: #222; }
a:hover { text-decoration: none; color: #209e85; }
.keylink { border-bottom: 1px dotted #209e85; }
.keylink:hover { text-decoration: none; color: #209e85; }
.keylink:visited { border-bottom: 1px dotted #209e85; }

@media only screen and (max-width: 759px) {
a, button, input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: none; background: none; box-shadow: none; }
}

/* 全局 */
.mobile { display: none !important; }
.main { width: 1200px; overflow: hidden; margin: 0 auto; }
.sideLeft { float: left; width: 800px; overflow: hidden; }
.sideRight { float: right; width: 380px; overflow: hidden; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.listTit { float: left; width: 760px; height: 50px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 18px; line-height: 50px; font-weight: 700; }
.listTit span { float: left; width: 5px; height: 19px; overflow: hidden; margin: 17px 10px 14px 0; border-radius: 5px; background: #209e85; }
.rightTit { float: left; width: 340px; height: 50px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 16px; line-height: 50px; font-weight: 700; }
.rightTit span { float: left; width: 5px; height: 18px; overflow: hidden; margin: 16px 10px 16px 0; border-radius: 5px; background: #209e85; }
.crumbs { float: left; width: 100%; height: 50px; overflow: hidden; margin-top: 20px; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 14px; line-height: 50px; background: #fff; }
.crumbs:after { float: left; margin-right: 8px; font-family: "iconfont"; content: "\e6b8"; font-size: 17px; }
.emptyShow { float: left; height: 30px; overflow: hidden; padding: 15px 20px; font-size: 15px; line-height: 30px; }
.sideLeft .list .txt a { float: left; width: 78px; height: 36px; overflow: hidden; margin: 15px 20px 0 0; padding: 0 10px; border: 1px solid #efefef; border-radius: 2px; font-size: 15px; line-height: 36px; text-align: center; }

@media only screen and (max-width: 759px) {
html { min-width: 300px; }
body { min-width: 300px; }
.pc { display: none !important; }
.mobile { display: block !important; }
.main { width: 10rem; }
.sideLeft { width: 10rem; }
.sideLeft .list .txt a {width: 3.31rem;}
.sideRight { float: left; width: 10rem; }
.mt20 { margin-top: 0.4rem; }
.mt30 { margin-top: 0.4rem; }
.mb30 { margin-bottom: 0.4rem; }
.listTit { display: flex; width: 9.2rem; height: 1.2rem; padding: 0 0.4rem; font-size: 0.4rem; line-height: normal; align-items: center; }
.listTit span { width: 0.1rem; height: 0.4rem; margin: 0.4rem 0.3rem 0.4rem 0; }
.rightTit { display: flex; width: 9.2rem; height: 1.2rem; padding: 0 0.4rem; font-size: 0.4rem; line-height: normal; align-items: center; }
.rightTit span { width: 0.1rem; height: 0.4rem; margin: 0.4rem 0.3rem 0.4rem 0; }
.crumbs { height: 1.2rem; margin-top: 0.2rem; padding: 0 0.4rem; font-size: 0.4rem; line-height: 1.2rem; color: #999;display:none; }
.crumbs a { color: #999; }
.crumbs:after { margin-right: 0.15rem; font-size: 0.45rem; }
.emptyShow { height: 1rem; padding: 0.3rem 0.4rem; font-size: 0.4rem; line-height: 1rem; }
}

/* 顶部 */
.header { width: 100%; height: 80px; overflow: hidden; background-color: #209e85; background-image: linear-gradient(to bottom right, #209e85 , #3ff5d0); }
.header .area { width: 1200px; overflow: hidden; margin: 0 auto; }
.header .area .logo { float: left; width: 400px; height: 80px; overflow: hidden; color: #fff; }
.header .area .logo a { color: #fff; }
.header .area .logo .left { float: left; width: 190px; height: 80px; overflow: hidden; }
.header .area .logo .left img { float: left; width: 190px; height: 80px; overflow: hidden; }
.header .area .logo .line { float: left; width: 1px; height: 36px; overflow: hidden; margin: 23px 18px 21px 0; background: #fff; }
.header .area .logo .right { float: left; width: 190px; height: 45px; overflow: hidden; margin-top: 17px; }
.header .area .logo .right p { float: left; width: 190px; height: 25px; overflow: hidden; font-size: 16px; line-height: 25px; }
.header .area .logo .right span { float: left; width: 190px; height: 20px; overflow: hidden; font-size: 13px; line-height: 20px; }
.header .area .navClick { display: none; }
.header .area .navBox { float: right; width: 800px; height: 40px; overflow: hidden; margin: 20px 0; }
.header .area .navBox .nav { float: left; width: 800px; height: 80px; overflow: hidden; font-size: 16px; line-height: 30px; text-align: right; }
.header .area .navBox .nav ul { float: right; }
.header .area .navBox .nav ul li { float: left; margin-left: 25px; }
.header .area .navBox .nav ul li a { color: #fff; }
.header .area .navBox .nav ul li a.hov { color: #fff; }
.headerSpace { float: left; width: 100%; height: 0; overflow: hidden; }
.headerBtn { float: left; width: 100%; height: 52px; overflow: hidden; background: #fff; }
.headerBtn .subNav { width: 1200px; height: 52px; overflow: hidden; margin: 0 auto; font-size: 14px; line-height: 52px; }
.headerBtn .subNav .subNavL { float: left; }
.headerBtn .subNav .subNavL .tit { display: inline-block; float: left; }
.headerBtn .subNav .subNavL .txt { float: left; }
.headerBtn .subNav .subNavL .txt a { float: left; margin-right: 15px; margin-left: 5px; }
.headerBtn .subNav .subNavR { float: right; }
.headerBtn .subNav .subNavR .search { float: left; width: 250px; height: 36px; overflow: hidden; margin-top: 8px; border-radius: 4px; box-shadow: 0 0 1px #dbdbdb inset; }
.headerBtn .subNav .subNavR .search .searchInp { float: left; width: 200px; height: 36px; overflow: hidden; }
.headerBtn .subNav .subNavR .search .searchInp input { float: left; width: 170px; height: 36px; padding: 0 15px; border: none; font-size: 14px; line-height: 36px; }
.headerBtn .subNav .subNavR .search .searchBtn { float: right; width: 47px; height: 36px; overflow: hidden; -webkit-appearance: none; border: none; text-indent: -9999px; background: url(../images/search.png) no-repeat center center; cursor: pointer; }

@media only screen and (max-width: 759px) {
.header { position: absolute; right: 0; left: 0; z-index: 999; width: 10rem; height: 1.3rem; overflow: visible; margin: 0 auto; }
.header .area { position: relative; width: 10rem; height: 1.3rem; overflow: visible; }
.header .area .logo { position: relative; width: 10rem; height: 1.3rem; }
.header .area .logo .left { position: absolute; top: 0.25rem; left: 0.4rem; width: 0.89rem; height: 0.8rem; background: url(../images//home.png) no-repeat; -moz-background-size: 0.89rem 0.8rem; -webkit-background-size: 0.89rem 0.8rem; -o-background-size: 0.89rem 0.8rem; background-size: 0.89rem 0.8rem; }
.header .area .logo .left a { float: left; width: 0.89rem; height: 0.8rem; overflow: hidden; }
.header .area .logo .left img { display: none; }
.header .area .logo .line { display: none; }
.header .area .logo .right { width: 10rem; height: 1.3rem; margin-top: 0; }
.header .area .logo .right p { display: flex; width: 10rem; height: 1.3rem; font-size: 0.53rem; text-align: center; align-items: center; justify-content: center; line-height: normal; }
.header .area .logo .right span { display: none; }
.header .area .navClick { display: block; position: absolute; top: 0.4rem; right: 0.4rem; width: 0.75rem; height: 0.5rem; overflow: hidden; }
.header .area .navClick a { float: left; width: 0.75rem; height: 0.5rem; background: url(../images/nav.png) no-repeat; -moz-background-size: 0.75rem 0.5rem; -webkit-background-size: 0.75rem 0.5rem; -o-background-size: 0.75rem 0.5rem; background-size: 0.75rem 0.5rem; }
.header .area .navBox { float: left; width: 10rem; height: 1.3rem; overflow: hidden; margin: 0 auto; background: #fff; }
.header .area .navBox .nav { width: 10rem; height: 1.3rem; font-size: 14px; line-height: 1.3rem; text-align: left; }
.header .area .navBox .nav ul { float: left; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.header .area .navBox .nav ul li { display: flex; float: none; height: 1.3rem; margin-right: 0.45rem; margin-left: 0.45rem; font-size: 0.4rem; line-height: normal; align-items: center; }
.header .area .navBox .nav ul li a { color: #222; }
.header .area .navBox .nav ul li a.hov { color: #209e85; }
.header .area .navBox .nav ul::-webkit-scrollbar { display: none; }
.headerSpace { height: 1.3rem; }
.headerBtn { display: none; position: absolute; top: 1.3rem; left: 50%;  width: 10rem; height: auto; z-index: 999; margin-left: -5rem; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
.headerBtn .subNav { width: 10rem; height: auto; font-size: 0.4rem; line-height: 1.2rem; }
.headerBtn .subNav .subNavL .tit { display: none; }
.headerBtn .subNav .subNavL .txt a { display: flex; width: 3.31rem; height: 1.2rem; overflow: hidden; margin-left: 0; margin-right: 0; border-right: 0.01rem solid #f5f5f5; border-bottom: 0.01rem solid #f5f5f5; font-size: 0.4rem; line-height: normal; align-items: center; justify-content: center; }
.headerBtn .subNav .subNavL .txt a:nth-child(3), .headerBtn .subNav .subNavL .txt a:nth-child(6), .headerBtn .subNav .subNavL .txt a:nth-child(9), .headerBtn .subNav .subNavL .txt a:nth-child(12), .headerBtn .subNav .subNavL .txt a:nth-child(15) { border-right: 0; }
.headerBtn .subNav .subNavR { float: left; }
.headerBtn .subNav .subNavR .search { width: 9.2rem; height: 1.2rem; margin: 0.5rem 0.4rem; box-shadow: 0 0 1px #dbdbdb inset; }
.headerBtn .subNav .subNavR .search .searchInp { width: 7.7rem; height: 1.2rem; }
.headerBtn .subNav .subNavR .search .searchInp input { width: 6.9rem; height: 1.2rem; padding: 0 0.4rem; font-size: 0.37rem; line-height: 1.2rem; }
.headerBtn .subNav .subNavR .search .searchBtn { width: 1.5rem; height: 1.2rem; }
}

/* 首页 */
.flash { float: left; width: 800px; height: 450px; overflow: hidden; margin-top: 20px; }
.flash .swiper-container { float: left; position: relative; z-index: 1; width: 800px; height: 450px; overflow: hidden; }
.flash .swiper-container .swiper-wrapper .swiper-slide { float: left; position: relative; width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.flash .swiper-container .swiper-wrapper .swiper-slide a { float: left; position: relative; width: 100%; height: 100%; overflow: hidden; color: #fff; }
.flash .swiper-container .swiper-wrapper .swiper-slide a img { float: left; width: 800px; height: 450px; overflow: hidden; }
.flash .swiper-container .swiper-wrapper .swiper-slide a p { float: left; position: absolute; bottom: 0; left: 0; width: 800px; height: 130px; overflow: hidden; font-size: 20px; line-height: 40px; text-align: center; background: url(../images/slideShadow.png) repeat-x left top; }
.flash .swiper-container .swiper-pagination { position: absolute; z-index: 10; text-align: center; }
.flash .swiper-container .swiper-pagination-bullets { bottom: 30px; left: 0; width: 100%; }
.flash .swiper-container .swiper-pagination-bullet { width: 25px; height: 1px; border-radius: 2px; background: #fff; opacity: 1; }
.flash .swiper-container .swiper-pagination-bullet-active { background: #209e85; }
.flash .swiper-container .swiper-button-prev, .flash .swiper-container .swiper-button-next { position: absolute; top: 50%; z-index: 9; width: 25px; height: 47px; margin-top: -24px; background: url(../images/flashBtn.png) no-repeat; filter: alpha(opacity=0); opacity: 0; background-size: 50px 47px; cursor: pointer; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.flash .swiper-container .swiper-button-prev { left: 30px; }
.flash .swiper-container .swiper-button-next { right: 30px; background-position: -25px 0; }
.flash .swiper-container:hover .swiper-button-prev, .flash .swiper-container:hover .swiper-button-next { filter: alpha(opacity=100); opacity: 1.0; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.indexCont { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.indexCont .tit { float: left; width: 760px; height: 48px; overflow: hidden; padding: 0 20px; border-radius: 3px 3px 0 0; font-size: 16px; line-height: 48px; font-weight: 700; color: #fff; background: #209e85; }
.indexCont .tit span { float: left; width: 4px; height: 18px; overflow: hidden; margin: 15px 10px 15px 0; border-radius: 5px; background: #fff; }
.indexCont .txt { float: left; width: 760px; overflow: hidden; padding: 15px 20px 20px; font-size: 15px; line-height: 34px; }
.friendLink { float: left; width: 1200px; overflow: hidden; margin-top: 20px; background: #fff; }
.friendLink .tit { float: left; width: 1160px; height: 50px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; }
.friendLink .tit .left { float: left; font-size: 18px; line-height: 50px; font-weight: 700; }
.friendLink .tit .left span { float: left; width: 5px; height: 19px; overflow: hidden; margin: 17px 10px 14px 0; border-radius: 5px; background: #209e85; }
.friendLink .tit .right { float: right; font-size: 14px; line-height: 50px; color: #999; }
.friendLink .txt { float: left; width: 1160px; overflow: hidden; margin: 20px; font-size: 15px; line-height: 32px; }
.friendLink .txt a { margin-right: 15px; color: #333; }
.friendLink .txt a:hover { color: #209e85; }

@media only screen and (max-width: 759px) {
.flash { width: 10rem; height: 5.63rem; margin-top: 0; }
.flash .swiper-container { width: 10rem; height: 5.63rem; }
.flash .swiper-container .swiper-wrapper .swiper-slide a img { width: 10rem; height: 5.63rem; }
.flash .swiper-container .swiper-wrapper .swiper-slide a p { width: 8rem; height: 2.2rem; padding: 0 1rem; font-size: 0.4rem; line-height: 0.8rem; }
.flash .swiper-container .swiper-pagination-bullets { bottom: 0.4rem; }
.flash .swiper-container .swiper-pagination-bullet { width: 0.55rem; height: 0.03rem; }
.flash .swiper-container .swiper-button-prev, .flash .swiper-container .swiper-button-next { display: none; }
.indexCont { width: 10rem; margin-top: 0.4rem; }
.indexCont .tit { display: flex; width: 9.2rem; height: 1.2rem; padding: 0 0.4rem; border-radius: 0; font-size: 0.4rem; align-items: center; line-height: normal; }
.indexCont .tit span { width: 0.1rem; height: 0.4rem; margin: 0.4rem 0.3rem 0.4rem 0; }
.indexCont .txt { width: 9.2rem; padding: 0.3rem 0.4rem 0.4rem; font-size: 0.4rem; line-height: 0.8rem; }
.friendLink { display: none; }
}

/* 列表 */
.list { float: left; width: 800px; overflow: hidden; background: #fff; }
.list .txt {margin-left:20px;}
.list dl { float: left; width: 760px; height: 150px; overflow: hidden; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.list dl dt { float: left; width: 230px; overflow: hidden; }
.list dl dt a img { width: 230px; height: 150px; overflow: hidden; }
.list dl dd { float: right; width: 510px; overflow: hidden; }
.list dl dd .tit { float: left; width: 510px; height: 40px; overflow: hidden; margin-top: 5px; font-size: 18px; line-height: 40px; font-weight: 600; }
.list dl dd .keyBox { display: inline-block; float: left; width: 510px; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; color: #999; }
.list dl dd .keyBox .time { float: left; margin-right: 35px; }
.list dl dd .keyBox .time:after { float: left; margin-top: 1px; margin-right: 8px; font-family: "iconfont"; content: "\e65f"; font-size: 16px; }
.list dl dd .keyBox .key { float: left; }
.list dl dd .keyBox .key:after { float: left; margin-right: 8px; font-family: "iconfont"; content: "\e620"; font-size: 16px; }
.list dl dd .keyBox .key a { color: #999; }
.list dl dd .keyBox .key a:hover { color: #209e85; }
.list dl dd .des { float: left; width: 510px; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; }

@media only screen and (max-width: 759px) {
.list { width: 10rem; }
.list dl { width: 9.2rem; height: 2rem; margin: 0 0.4rem; padding: 0.4rem 0; border-bottom: 1px solid #f8f8f8; }
.list dl dt { width: 3rem; }
.list dl dt a img { width: 3rem; height: 2rem; }
.list dl dd { width: 5.9rem; }
.list dl dd .tit { width: 5.9rem; height: auto; max-height: 1.3rem; margin-top: 0; font-size: 0.4rem; line-height: 0.65rem; font-weight: 400; }
.list dl dd .keyBox { width: 5.9rem; height: 0.7rem; font-size: 0.36rem; line-height: 0.7rem; }
.list dl dd .keyBox .time { margin-right: 0; }
.list dl dd .keyBox .time:after { margin-top: 0; margin-right: 0.15rem; font-size: 0.36rem; }
.list dl dd .keyBox .key { display: none; }
.list dl dd .des { display: none; }
}

/* 相关列表 */
.listTwo { float: left; width: 800px; overflow: hidden; background: #fff; }
.listTwo dl { float: left; width: 760px; height: 150px; overflow: hidden; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.listTwo dl:last-child { border-bottom: 0; }
.listTwo dl dt { float: left; width: 230px; overflow: hidden; }
.listTwo dl dt a img { width: 230px; height: 150px; overflow: hidden; }
.listTwo dl dd { float: right; width: 510px; overflow: hidden; }
.listTwo dl dd .tit { float: left; width: 510px; height: 40px; overflow: hidden; margin-top: 5px; font-size: 18px; line-height: 40px; font-weight: 600; }
.listTwo dl dd .keyBox { display: inline-block; float: left; width: 510px; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; color: #999; }
.listTwo dl dd .keyBox .time { float: left; margin-right: 35px; }
.listTwo dl dd .keyBox .time:after { float: left; margin-top: 1px; margin-right: 8px; font-family: "iconfont"; content: "\e65f"; font-size: 16px; }
.listTwo dl dd .keyBox .key { float: left; }
.listTwo dl dd .keyBox .key:after { float: left; margin-right: 8px; font-family: "iconfont"; content: "\e620"; font-size: 16px; }
.listTwo dl dd .keyBox .key a { color: #999; }
.listTwo dl dd .keyBox .key a:hover { color: #209e85; }
.listTwo dl dd .des { float: left; width: 510px; overflow: hidden; font-size: 14px; line-height: 30px; color: #999; }

@media only screen and (max-width: 759px) {
.listTwo { width: 10rem; }
.listTwo dl { width: 9.2rem; height: 2rem; margin: 0 0.4rem; padding: 0.4rem 0; border-bottom: 1px solid #f8f8f8; }
.listTwo dl dt { width: 3rem; }
.listTwo dl dt a img { width: 3rem; height: 2rem; }
.listTwo dl dd { width: 5.9rem; }
.listTwo dl dd .tit { width: 5.9rem; height: auto; max-height: 1.3rem; margin-top: 0; font-size: 0.4rem; line-height: 0.65rem; font-weight: 400; }
.listTwo dl dd .keyBox { width: 5.9rem; height: 0.7rem; font-size: 0.36rem; line-height: 0.7rem; }
.listTwo dl dd .keyBox .time { margin-right: 0;display:none; }
.listTwo dl dd .keyBox .time:after { margin-top: 0; margin-right: 0.15rem; font-size: 0.36rem; }
.listTwo dl dd .keyBox .key { display: none; }
.listTwo dl dd .des { display: none; }
}

/* 水果大全 */
.class { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.class ul { float: left; margin-top: 5px; margin-bottom: 20px; }
.class ul li { float: left; width: 136px; height: 170px; overflow: hidden; margin-top: 15px; margin-left: 20px; }
.class ul li a img { float: left; width: 136px; height: 136px; overflow: hidden; }
.class ul li a p { float: left; width: 136px; height: 34px; overflow: hidden; font-size: 15px; line-height: 34px; text-align: center; }

@media only screen and (max-width: 759px) {
.class { width: 10rem; margin-top: 0.4rem; }
.class ul { margin-top: 0; margin-bottom: 0.35rem; }
.class ul li { width: 2.8666rem; height: 3.8666rem; margin-top: 0.35rem; margin-left: 0.35rem; }
.class ul li a img { width: 2.8666rem; height: 2.8666rem; }
.class ul li a p { width: 2.8666rem; height: 1rem; font-size: 0.4rem; line-height: 1rem; }
.show .post_nav {display:none;}
}

/* 内容 */
.show { float: left; width: 800px; overflow: hidden; padding-bottom: 20px; background: #fff; }
.show h1 { float: left; width: 760px; /*height: 70px;*/ overflow: hidden; margin: 20px 20px 0; font-size: 24px; line-height: 30px; font-weight: 700; text-align: left; }
.show .copyfrom { float: left; width: 760px; height: 40px; overflow: hidden; margin: 0 20px; font-size: 15px; line-height: 40px; text-align: center; color: #999; }
.show .copyfrom p { display: inline-block; margin: 0 15px; }
.show .copyfrom a { color: #999; }
.show .description { float: left; width: 720px; overflow: hidden; margin: 10px 20px 0; padding: 15px 20px; border-radius: 3px; font-size: 15px; line-height: 32px; background: #f5f5f5; }
.show .content { float: left; width: 760px; overflow: hidden; margin: 10px 20px 10px; font-size: 16px; line-height: 32px; }
.show .post_nav { /*float:right;*/ margin-left:10px;display:none;}
.show .post_nav ul li {list-style-type: square;}
.show .post_nav ul li a { color:#209e85}
.show .content h3, .show .content h2 {font-size: 20px; color: #00c07b;font-weight: bold;padding-left: 10px;border-left: 8px solid #00c07b;margin: 15px 0;line-height: 28px; background: #f7f7f7;}
.show .content h4{margin: 20px 0;font-size: 20px;font-weight: bold;padding-left: 1.4em;}
.show .content p { margin-top: 10px; text-indent: 2em;}
.show .content p.kn { margin-top: 10px; text-indent: 0em;color:#00c07b;}
.show .content a{color:#00c07b;}
.show .content p img { max-width: 550px!important;height: revert!important;    display: block;margin: 15px auto 5px;}
.show .content p em { float: left; width: 100%; overflow: hidden; margin-bottom: 15px; font-size: 14px; text-transform: uppercase; text-align: center; color: #999; }
.show .content u {position: absolute;top: -999em;}
.keywords { float: left; width: 760px; height: 40px; overflow: hidden; margin-top: 20px; }
.keywords a { float: left; height: 38px; overflow: hidden; margin-left: 20px; padding: 0 20px; border: 1px solid #ddd; border-radius: 3px; font-size: 16px; line-height: 38px; }
.tips { float: left; width: 760px; height: 42px; overflow: hidden; margin: 20px 20px 0; border-radius: 3px; font-size: 14px; line-height: 42px; text-align: center; background: #f9f9f9; color: #555; }
.showFollow { float: left; width: 760px; height: 100px; overflow: hidden; margin: 20px 20px 0; }
.showFollow img { float: left; width: 760px; height: 100px; overflow: hidden; }

@media only screen and (max-width: 759px) {
.show { width: 10rem; padding-bottom: 0.5rem; }
.show h1 { width: 9.2rem; height: auto; margin: 0.4rem 0.4rem 0 0.4rem; font-size: 0.6rem; line-height: 0.7rem; text-align: left;}
.show .copyfrom { width: 9.2rem; height: 1rem; margin: 0 0 0 0.4rem; font-size: 0.37rem; line-height: 1rem; }
.show .copyfrom p { margin: 0 0.3rem; }
.show .description { width: 9.2rem; margin: 0.2rem 0 0; padding: 0.3rem 0.4rem; font-size: 0.4rem; line-height: 0.8rem; }
.show .content { width: 9.2rem; margin: 0 0 0 0.4rem; font-size: 0.4rem; line-height: 0.8rem; }
.show .content p { margin-top: 0.13rem; }
.show .content p img { float: left; width: 9.2rem !important; height: auto !important; overflow: hidden; margin-top: 0.3rem; margin-bottom: 0.43rem; }
.show .content p em { margin-bottom: 0.2rem; font-size: 0.36rem; }
.keywords { float: left; width: 9.2rem; height: auto; overflow: hidden; margin-top: 0.3rem; margin-left: 0.4rem; }
.keywords a { display: flex; float: left; height: 0.9rem; overflow: hidden; margin-right: 0.3rem; margin-left: 0; padding: 0 0.4rem; border: 0.03rem solid #ddd; border-radius: 3px; font-size: 0.4rem; align-items: center; justify-content: center; line-height: normal; }
.tips { width: 8.6rem; height: auto; margin: 0.4rem 0.4rem 0; padding: 0.3rem; font-size: 0.36rem; line-height: 1.8; }
.showFollow { width: 9.2rem; height: 2.42rem; margin: 0.4rem 0.4rem 0; }
.showFollow img { width: 9.2rem; height: 2.42rem; }
}

/* 右侧 */
.rightCont { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.rightCont .txt { float: left; width: 340px; overflow: hidden; padding: 15px 20px; font-size: 15px; line-height: 32px; }
.rightCont .txt .chat { float: left; width: 340px; overflow: hidden; margin-top: 10px; padding-top: 10px; border-top: 1px solid #f5f5f5; font-size: 15px; line-height: 32px; }
.rightNews { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.rightNewsList { float: left; width: 340px; overflow: hidden; margin: 20px 20px 0; }
.rightNewsList dl { /*float: left; */width: 340px; height: 80px; overflow: hidden; margin-bottom: 20px; }
.rightNewsList dl dt { float: left; width: 130px; height: 80px; overflow: hidden; }
.rightNewsList dl dt a img { width: 130px; height: 80px; overflow: hidden; }
.rightNewsList dl dd { float: right; width: 195px; height: 80px; overflow: hidden; }
.rightNewsList dl dd .tit { float: left; width: 195px; height: auto; max-height: 52px; /*overflow: hidden;*/ font-size: 15px; line-height: 26px; }
.rightNewsList dl dd .time { float: left; width: 195px; height: 28px; overflow: hidden; font-size: 14px; line-height: 28px; color: #999; }
.rightNewsList dl dd .time:after { float: left; margin-top: 1px; margin-right: 8px; font-family: "iconfont"; content: "\e65f"; font-size: 16px; }
.rightClass { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.rightClass .txt { float: left; width: 360px; overflow: hidden; margin: 4px 0 20px 20px; }
.rightClass .txt a { float: left; width: 78px; height: 36px; overflow: hidden; margin: 15px 20px 0 0; padding: 0 10px; border: 1px solid #efefef; border-radius: 2px; font-size: 15px; line-height: 36px; text-align: center; }

.hotTags { float: left; width: 380px; overflow: hidden; margin-top: 20px; background: #fff; }
.hotTags .txt { float: left; width: 340px; overflow: hidden; padding: 20px; font-size: 15px; line-height: 32px; }
.hotTags .txt a { margin-right: 15px; }

@media only screen and (max-width: 759px) {
.rightCont { width: 10rem; margin-top: 0.4rem; }
.rightCont .txt { width: 9.2rem; padding: 0.3rem 0.4rem 0.4rem; font-size: 0.4rem; line-height: 0.8rem; }
.rightCont .txt .chat { width: 9.2rem; margin-top: 0.3rem; padding-top: 0.3rem; font-size: 0.4rem; line-height: 0.8rem; }
.rightNews { width: 10rem; margin-top: 0.4rem; }
.rightNewsList { width: 100%;padding: 0;margin: 0; }
.rightNewsList dl { width: 9.2rem; height: 2rem; margin-bottom: 0.4rem; padding: 10px; border-top: 1px solid #f8f8f8; }
.rightNewsList dl:nth-child(1) { border-top: 0; }
.rightNewsList dl dt { /*width: 3rem; height: 2rem;*/float:none; position:absolute; }
.rightNewsList dl dt a img { width: 130px; height: 80px; object-fit: cover;}
.rightNewsList dl dd { width: auto; height: 2rem; padding: 10px 0 10px 140px;overflow: hidden;float: none;}
.rightNewsList dl dd .tit { width: 5.9rem; max-height: 1.3rem; font-size: 0.4rem; line-height: 0.65rem; }
.rightNewsList dl dd .time { width: 5.9rem; height: 0.7rem; font-size: 0.36rem; line-height: 0.7rem;display:none; }
.rightNewsList dl dd .time:after { margin-top: 0; margin-right: 0.15rem; font-size: 0.36rem; }
.rightClass { width: 10rem; margin-top: 0.4rem; }
.rightClass .txt { width: 10rem; margin: 0 0 0.4rem; }
.rightClass .txt a { display: flex; width: 2.34rem; height: 1rem; margin: 0.4rem 0 0 0.4rem; padding: 0 0.2rem; border: 0.03rem solid #f5f5f5; font-size: 0.4rem; align-items: center; justify-content: center; line-height: normal; }
.hotTags { display: none; }
}

/* 底部 */
.footer { float: left; width: 100%; overflow: hidden; margin-top: 20px; padding: 25px 0; font-size: 14px; line-height: 34px; text-align: center; color: rgba(255, 255, 255, 0.8); background: #209e85; }
.footer span { margin-right: 15px; }
.footer a { color: rgba(255, 255, 255, 0.8); }
.footer a:hover { color: #fff; }
.rightTool { float: left; position: fixed; left: 50%; bottom: 140px; z-index: 999; width: 50px; margin-left: 630px; }
.rightTool .chat { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 3px; background: #209e85 url(../images/chat.png) no-repeat center center; }
.rightTool .wechat { float: left; position: relative; width: 50px; height: 50px; margin-top: 8px; border-radius: 3px; background: #209e85 url(../images/wechat.png) no-repeat center center; }
.rightTool .wechat .pic { display: none; position: absolute; top: -130px; left: -140px; width: 140px; height: 165px; }
.rightTool a.wechat:hover .pic { display: block; }
.rightTool .wechat .pic span { float: left; position: absolute; right: 10px; width: 270px; height: 163px; border: 1px solid #eee; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); background: url(../images/wechatPic.jpg) no-repeat center center; }
.rightTool .mobWeb { float: left; position: relative; width: 50px; height: 50px; margin-top: 8px; border-radius: 3px; background: #209e85 url(../images/mobWeb.png) no-repeat center center; }
.rightTool .mobWeb .pic { display: none; position: absolute; top: -130px; left: -140px; width: 140px; height: 165px; }
.rightTool a.mobWeb:hover .pic { display: block; }
.rightTool .mobWeb .pic span { float: left; position: absolute; right: 10px; width: 138px; height: 163px; border: 1px solid #eee; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); background: url(../images/mobWebPic.jpg) no-repeat center center; }
.rightTool .backTop { float: left; width: 50px; height: 50px; overflow: hidden; margin-top: 8px; border-radius: 3px; background: #209e85 url(../images/backTop.png) no-repeat center center; }

@media only screen and (max-width: 759px) {
.footer { margin-top: 0.4rem; padding: 0.4rem 0; font-size: 0.4rem; line-height: 0.8rem; }
.rightTool { display: none; }
}

/* 其他 */
.tags { float: left; width: 800px; overflow: hidden; padding-bottom: 20px; background: #fff; }
.tags a { float: left; width: 78px; height: 36px; overflow: hidden; margin: 20px 0 0 20px; padding: 0 15px; border: 1px solid #efefef; border-radius: 3px; font-size: 15px; line-height: 36px; text-align: center; }
.sitemap { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.sitemap .tit { float: left; width: 760px; height: 50px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #f5f5f5; font-size: 16px; line-height: 50px; font-weight: 700; }
.sitemap .tit span { float: left; width: 5px; height: 18px; overflow: hidden; margin: 16px 10px 16px 0; border-radius: 5px; background: #209e85; }
.sitemap .txt { float: left; width: 760px; overflow: hidden; padding: 10px 20px; font-size: 15px; line-height: 40px; }
.sitemap .txt a { margin-right: 15px; }

@media only screen and (max-width: 759px) {
.tags { width: 10rem; padding-bottom: 0.4rem; }
.tags a { width: 2.34rem; height: 1rem; margin: 0.4rem 0 0 0.4rem; padding: 0 0.2rem; border: 0.03rem solid #f5f5f5; font-size: 0.4rem; line-height: 1rem; }
.sitemap { width: 10rem; margin-top: 0.4rem; }
.sitemap .tit { width: 9.2rem; height: 1.2rem; padding: 0 0.4rem; border-bottom: 0.03rem solid #f5f5f5; font-size: 0.4rem; line-height: 1.2rem; }
.sitemap .tit span { width: 0.1rem; height: 0.4rem; margin: 0.4rem 0.3rem 0.4rem 0; }
.sitemap .txt { width: 9.2rem; padding: 0.3rem 0.4rem; font-size: 0.4rem; line-height: 1rem; }
.sitemap .txt a { margin-right: 0.4rem; }
}

/* 分页 */
#pages { float: left; width: 100%; overflow: hidden; font-size: 15px; text-align: center; }
#pages a { display: inline-block; width: 40px; height: 45px; border-radius: 2px; line-height: 45px; text-align: center; color: #333; background: #efefef; }
#pages a.a1 { width: 90px; height: 45px; border-radius: 2px; background: #efefef; }
#pages a.pageNum { }
#pages a:hover { text-decoration: none; color: #000; }
#pages span { display: inline-block; width: 40px; height: 45px; border-radius: 2px; font-size: 15px; line-height: 45px; text-align: center; color: #fff; background: #209e85; }

@media only screen and (max-width: 759px) {
#pages { font-size: 0.36rem; }
#pages a { width: auto; height: 1rem; line-height: 1rem; background: none; }
#pages a.a1 { width: 3rem; height: 1rem; margin: 0 0.4rem; background: #209e85; color: #fff; }
#pages a.pageNum { display: none; }
#pages span { width: auto; height: 1rem; font-size: 0.36rem; line-height: 1rem; font-weight: 600; background: none; color: #209e85; }
}

/* 赞助商家 */
.god_index { float: left; width: 800px; overflow: hidden; margin-top: 20px; background: #fff; }
.god_index ul { float: left; margin-bottom: 20px; }
.god_index ul li { float: left; width: 240px; height: 90px; overflow: hidden; margin-left: 20px; margin-top: 20px; }
.god_index ul li a img { width: 240px; height: 90px; overflow: hidden; }

@media only screen and (max-width: 759px) {
.god_index { width: 10rem; margin-top: 0.4rem; }
.god_index ul { margin-bottom: 0.4rem; }
.god_index ul li { width: 4.4rem; height: 1.65rem; margin-left: 0.4rem; margin-top: 0.4rem; }
.god_index ul li a img { width: 4.4rem; height: 1.65rem; }
}

/* 正文图片弹出 */
.imgshow { display: none; position: fixed; left: 0; top: 0; z-index: 2020520; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.swiperbox { z-index: 3; height: 100%; background: rgba(0, 0, 0, 0.9); }
.swiperbox img { position: relative; z-index: 888; width: initial; }
.swiper-zoom-container:before { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ' '; }
.closebtn { position: absolute; top: 30px; right: 30px; z-index: 999; width: 40px; height: 40px; background: url(../images/newclose.png) no-repeat center center; background-size: 40px; cursor: pointer; }

@media only screen and (max-width: 759px) {
.closebtn { float: left; top: auto; right: auto; bottom: 2rem; left: 50%; width: 1.2rem; height: 1.2rem; margin-left: -0.6rem; background-size: 0.7rem; }
}

/*listree-box*/
.listree-box {display:none;position:fixed;z-index:999;top:45%;left:0;background-color:rgb(88, 165, 195, .88);color:#fff;border-radius:0 10px 10px 0;}
h3.listree-titles {float:right;cursor:default;padding:20px 8px 20px 6px;}
h3.listree-titles a.listree-btn {color:#fff;display:block;width:22px;text-align:center;}
#listree-ol {max-height:230px;overflow:scroll;overflow-x:hidden;float:left;height:100%;min-height:100px;line-height:1.5;margin:20px 0px 20px 20px;padding-right:20px;align-items:center;border-right:1px solid #eeeeef;}
#listree-ol li {line-height:1.8;margin-bottom:10px;}
#listree-ol li a {color:#fff;}
a#listree-click.current,
#listree-ol li.current a {color:#f2ff2c;}
#listree-ol::-webkit-scrollbar-track {background-color:#fff;}
#listree-ol::-webkit-scrollbar-thumb {background:rgb(199,201,204);}
#listree-ol::-webkit-scrollbar {width:3px;}